<template>
  <el-skeleton :loading="props.loading"  :throttle="500">
    <template #template>
      <div :style="{ display: 'flex', width: '100%' }">
        <slot name="ske"></slot>
      </div>
    </template>
    <slot name="main"></slot>
  </el-skeleton>
</template>

<script setup lang="ts">
let props = defineProps({
  loading: {
    type: Boolean,
    default: true,
  },
});
</script>

<style lang="scss">
 .el-skeleton__image,
  .el-skeleton__text,
  .el-skeleton__h3 {
    background-color: rgb(38, 38, 49) !important;
  }
</style>
